<div class="col-md-9 detail">
    <div id="verticalTab" class="verticalTab resp-vtabs">
        <ul class="resp-tabs-list">
            <li  ui-sref="main.profile" ng-class="{'resp-tab-active': $ctrl.status== 1}" ng-click="$ctrl.status=1"><span class="tite-list">profile</span><i class="fa fa-user icon_menu" ng-class="{'icon_menu_active': $ctrl.status == 1}"></i></li>
            <li ui-sref="main.resume" ng-class="{'resp-tab-active': $ctrl.status == 2}" ng-click="$ctrl.status=2"><span class="tite-list">resume</span><i class="fa fa-tasks icon_menu" ng-class="{'icon_menu_active': $ctrl.status == 2}"></i></li>
            <li ui-sref="main.portfolio" ng-class="{'resp-tab-active': $ctrl.status == 3}" ng-click="$ctrl.status=3"><span class="tite-list">portfolio</span><i class="fa fa-briefcase icon_menu" ng-class="{'icon_menu_active': $ctrl.status == 3}"></i></li>
            <li ui-sref="main.blog" ng-class="{'resp-tab-active': $ctrl.status== 4}" ng-click="$ctrl.status=4"><span class="tite-list">blog</span><i class="fa fa-bullhorn icon_menu" ng-class="{'icon_menu_active': $ctrl.status== 4}"></i></li>
            <li ui-sref="main.contact" ng-class="{'resp-tab-active': $ctrl.status == 5}" ng-click="$ctrl.status=5"><span class="tite-list">contact</span><i class="fa fa-envelope icon_menu" ng-class="{'icon_menu_active': $ctrl.status == 5}"></i></li>
        </ul>
        <div ui-view class="slide-s">
        </div>
    </div>

</div>